<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人求助</title>

	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
	<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
	　　
	<link rel="stylesheet" type="text/css" href="css/iconfont.css">

</head>
<body>
<div class="top_text" style="margin-top: -20px">
	<h5 style="text-align: center">你好，欢迎你来到汇讯抗疫救灾互助平台</h5>
	<div style="float: right;display: flex;align-items: center;justify-content:center;margin-top: -30px;padding-right: 20%">
		<div style="">客户服务</div>
		<div>
			<a href="login.html">
				<button>登录</button>
			</a>
			<a href="regist.html">
				<button>注册</button>
			</a>
		</div>

	</div>

</div>
<div>
	<div style="display: flex;align-items: center;justify-content: center">
		<div style="text-align: left;position: absolute;left: 20%">
			<img src="./image/图片1.png" width="100" height="100">
		</div>
		<div style="text-align: center;margin-left:-260px">
			<h3>汇讯科学技术有限公司</h3>
		</div>
	</div>
</div>
<div style="position: absolute;background-color: crimson;width: 80%;left: 10%;height: 40px;margin-top: 30px">
	<div style="display: flex;justify-content: left;">
		<a href="index6.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">灾情地图</div>
		</a>
		<a href="index3.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">抗灾贴士</div>
		</a>
		<a href="index7.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">灾情资讯</div>
		</a>
		<a href="index.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">个人求助</div>
		</a>
		<a href="index4.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">物资流向</div>
		</a>
		<a href="index5.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">物资捐赠</div>
		</a>
	</div>
</div>
<div style="width: 80%;position: relative;height: 600px;
left: 10%;margin-top: 7%;display: flex">
	<div style="width: 30%;height: 600px;display: flex;">

		<div style="width: 100%;height: 567px;text-align: center;" id="border_height">
			<!--			我要求助-->
			<div style="height: 60px;background-color: crimson;margin-top: -10px">
				<h4 style="color: white;padding: 10px">我要求助</h4>
				<div class="iconfont icon-xiahuasanjiao" style="margin-top: -20px"></div>
			</div>

			<div>
				<div style="background-color:#F08080">

					<div style="padding-top: 20px;display: block;padding-left: 30px">
						姓名
						<input type="text">
					</div>
					<div style="padding-top: 20px">
						身份证号:
						<input type="text">
					</div>
					<div style="padding-top: 20px">
						求助内容:
						<input type="text" style="height: 60px">
					</div>
					<div style="padding-top: 20px;display: block">
						联系方式:
						<input type="text">
					</div>
					<div style="padding-top: 20px;display: block">
						省份/城市
						<input type="text">
					</div>
					<div style="padding-top: 20px">
						具体地址:
						<input type="text">
					</div>
					<div style="display: flex;align-items: center;justify-content: center;margin-top: 20px">
						<div style="margin-right: 20px;border: solid black 1px;width: 40px ;height: 20px;border-radius: 20px">
							<div style="line-height: 20px">
								发布
							</div>

						</div>
						<div style="border: solid black 1px;width: 40px ;height: 20px;border-radius: 20px">
							<div style="line-height: 20px">
								取消
							</div>
						</div>
					</div>
					<div class="iconfont icon-xiahuasanjiao" onclick="btn_01()" style="margin-top: 10px"></div>
					<div style="height: 50px;background-color: crimson;margin-top: 10px">
						<div>
							<h4 style="line-height: 50px;color: white;margin-top: -10px">我的求助</h4>
						</div>
					</div>
					<div id="my_help" style="display: none">
						<div style="height: 100px;background-color: #F08080;display: flex;align-items: center;justify-content: center;padding-left: 20px;"
						>
							<div style="padding-right: 20px">
								<img src="image/icon1.png" width="50" height="50">
							</div>
							<div style="padding-right: 20px">
								<input placeholder="名称" style="width: 50px">
							</div>
							<div style="width: 60px;height: 30px; border: solid 1px  white;line-height: 30px;background-color: white;margin-right: 20px">
								修改
							</div>
							<div style="width: 60px;height: 30px; border: solid 1px  white;line-height: 30px;background-color: white">
								删除
							</div>
						</div>
						<div style="height: 100px;background-color: #F08080;display: flex;align-items: center;justify-content: center;padding-left: 20px">
							<div style="padding-right: 20px">
								<img src="image/icon2.png" width="50" height="50">
							</div>
							<div style="padding-right: 20px">
								<input placeholder="名称" style="width: 50px">
							</div>
							<div style="width: 60px;height: 30px; border: solid 1px  white;line-height: 30px;background-color: white;margin-right: 20px">
								修改
							</div>
							<div style="width: 60px;height: 30px; border: solid 1px  white;line-height: 30px;background-color: white">
								删除
							</div>
						</div>
						<div style="height: 105px;background-color: #F08080;display: flex;align-items: center;justify-content: center;padding-left: 20px">

							<div style="padding-right: 20px">
								<img src="image/icon3.png" width="50" height="50">
							</div>
							<div style="padding-right: 20px">
								<input placeholder="名称" style="width: 50px">
							</div>
							<div style="width: 60px;height: 30px; border: solid 1px  white;line-height: 30px;background-color: white;margin-right: 20px">
								修改
							</div>
							<div style="width: 60px;height: 30px; border: solid 1px  white;line-height: 30px;background-color: white">
								删除
							</div>
						</div>
					</div>

					<div style="height: 50px;background-color: crimson;margin-top: -10px">
						<div>
							<h4 style="line-height: 50px;color: white">我的帮助</h4>
						</div>
					</div>
				</div>
			</div>


		</div>
	</div>
	<div style="width: 70%;height: 780px;float: left">
		<div style="height: 62px;background-color: crimson;display: flex;align-items: center;justify-content: center">
			<div style="display: flex;align-items: center;justify-content: center;position: absolute;left: 35%">
				<h6 style="padding-right: 10px">省</h6>
				<select>
					<option value="北京">北京市</option>
					<option value="浙江省">浙江省</option>
					<option value="天津市">天津市</option>
					<option value="安徽省">安徽省</option>
					<option value="上海市" selected>上海市</option>
					<option value="福建省">福建省</option>
					<option value="重庆市">重庆市</option>
					<option value="江西省">江西省</option>
					<option value="山东省">山东省</option>
					<option value="河南省">河南省</option>
					<option value="湖北省">湖北省</option>
					<option value="湖南省">湖南省</option>
					<option value="广东省">广东省</option>
					<option value="海南省">海南省</option>
					<option value="山西省">山西省</option>
					<option value="青海省">青海省</option>
					<option value="江苏省">江苏省</option>
					<option value="辽宁省">辽宁省</option>
					<option value="吉林省">吉林省</option>
					<option value="台湾省">台湾省</option>
					<option value="河北省">河北省</option>
					<option value="贵州省">贵州省</option>
					<option value="四川省">四川省</option>
					<option value="云南省">云南省</option>
					<option value="陕西省">陕西省</option>
					<option value="甘肃省">甘肃省</option>
					<option value="黑龙江省">黑龙江省</option>
					<option value="香港特别行政区">香港特别行政区</option>
					<option value="澳门特别行政区">澳门特别行政区</option>
					<option value="广西壮族自治区">广西壮族自治区</option>
					<option value="宁夏回族自治区">宁夏回族自治区</option>
					<option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
					<option value="内蒙古自治区">内蒙古自治区</option>
					<option value="西藏自治区">西藏自治区</option>
				</select>
			</div>
			<div style="display: flex;align-items: center;justify-content: center;position: absolute;left: 51%">
				<h6 style="padding-right: 10px">市</h6>
				<select>
					<option value="浦东新区">浦东新区</option>
					<option value="徐汇区">徐汇区</option>
					<option value="长宁区">长宁区</option>
					<option value="静安区">静安区</option>
					<option value="普陀区">普陀区</option>
					<option value="虹口区">虹口区</option>
					<option value="杨浦区">杨浦区</option>
					<option value="杨浦区">杨浦区</option>
					<option value="宝山区">宝山区</option>
					<option value="嘉定区">嘉定区</option>
					<option value="浦东区">浦东区</option>
					<option value="金山区">金山区</option>
					<option value="松江区">松江区</option>
					<option value="青浦区">青浦区</option>
					<option value="奉贤区">奉贤区</option>
					<option value="崇明区">崇明区</option>
				</select>
			</div>
			<div style="border: solid white 1px;width: 50px;text-align: center;border-radius: 20px">
				<h5 style="color: white">查询</h5>
			</div>

		</div>
		<div>
			<div style="display: flex;align-items: center;justify-content: center;position: relative;left: -30%">
				<div style="margin-top: 20px;position: absolute;left: 32%">
					<img src="image/icon1.png" width="50" height="50">
				</div>
				<div style="margin-top: 20px;margin-left: -100px">
					<input type="text" style="width: 50px">
				</div>
			</div>

			<div style="margin-top: 20px;margin-left: 20px">
				1111111111111111111111
			</div>
			<div style="margin-left: 20px;">
				222222222222222222222222
			</div>
			<div style="float: right;width: 60px;height: 30px">
				<div style="display: flex;align-items: center;justify-content: center;background-color: crimson;border-radius: 10px">
					<h6 style="line-height: 10px;color: white">帮助</h6>
				</div>
			</div>
		</div>
		<div>
			<div style="display: flex;align-items: center;justify-content: center;position: relative;left: -30%">
				<div style="margin-top: 20px;position: absolute;left: 35%">
					<img src="image/icon2.png" width="50" height="50">
				</div>
				<div style="margin-top: 20px;margin-left: -40px">
					<input type="text" style="width: 50px">
				</div>
			</div>

			<div style="margin-top: 20px;margin-left: 20px">
				1111111111111111111111
			</div>
			<div style="margin-left: 20px;">
				222222222222222222222222
			</div>
			<div style="float: right;width: 60px;height: 30px">
				<div style="display: flex;align-items: center;justify-content: center;background-color: crimson;border-radius: 10px">
					<h6 style="line-height: 10px;color: white">帮助</h6>
				</div>
			</div>
		</div>
		<div>
			<div style="display: flex;align-items: center;justify-content: center;position: relative;left: -30%">
				<div style="margin-top: 20px;position: absolute;left: 35%">
					<img src="image/icon3.png" width="50" height="50">
				</div>
				<div style="margin-top: 20px;margin-left: -40px">
					<input type="text" style="width: 50px">
				</div>
			</div>

			<div style="margin-top: 20px;margin-left: 20px">
				1111111111111111111111
			</div>
			<div style="margin-left: 20px;">
				222222222222222222222222
			</div>
			<div style="float: right;width: 60px;height: 30px">
				<div style="display: flex;align-items: center;justify-content: center;background-color: crimson;border-radius: 10px">
					<h6 style="line-height: 10px;color: white">帮助</h6>
				</div>
			</div>
		</div>
		<div>
			<div style="display: flex;align-items: center;justify-content: center;position: relative;left: -30%">
				<div style="margin-top: 20px;position: absolute;left: 35%">
					<img src="image/icon3.png" width="50" height="50">
				</div>
				<div style="margin-top: 20px;margin-left: -40px">
					<input type="text" style="width: 50px">
				</div>
			</div>

			<div style="margin-top: 20px;margin-left: 20px">
				1111111111111111111111
			</div>
			<div style="margin-left: 20px;">
				222222222222222222222222
			</div>
			<div style="float: right;width: 60px;height: 30px">
				<div style="display: flex;align-items: center;justify-content: center;background-color: crimson;border-radius: 10px">
					<h6 style="line-height: 10px;color: white">帮助</h6>
				</div>
			</div>
		</div>

	</div>

</div>


</body>
<script>
    function btn_01() {
        $("#my_help").toggle();
        $("#border_height").height(867)
    }

</script>
</html>
